import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken, removeToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/login', '/404'] // no redirect whitelist

router.beforeEach(async(to, from, next) => {
  // 设置登录页跳转逻辑的导航前置守卫
  // 尝试获得token
  const hasToken = getToken()
  // 首先判断是否有携带token
  if (hasToken) {
    // 有token  说明已经登录

    // 判断用户信息是否存在判断token的正确性
    if (store.getters.userInfo) {
      // 存在 说明token是正确的 直接放行
      next()
    } else {
      // 不存在说明token不一定正确
      try {
        // 发请求
        await store.dispatch('user/getUserInfoAction')
        if (to.path === '/login') {
          // 判断是否强行要访问登录页
          // 是则强制不跳转
          Message.warning('大兄弟，你已经登录过了')
          next('/')
        } else {
          // 不是强行访问登录页则放行
          next()
        }
      } catch (error) {
        // 进入到这里说明token是错的
        // 将错的token清除并打回登录页
        removeToken()
        Message.error('用户信息有误，请重新登录')
        next(`/login?redirect=${to.path}`)
        return
      }
    }
  } else {
    // 无token
    // 判断是否访问的是白名单
    if (whiteList.includes(to.path)) {
      // 是的话就直接放行
      next()
    } else {
      // 不是则强制跳转到登录页登录，登录有再返回想要去的页面
      Message.warning('大兄弟，请先登录！')
      next(`/login?redirect=${to.path}`)
    }
  }
})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
